/*
 * @Description: 
 * @Author: 刘翼
 * @Date: 2019-05-19 15:01:04
 * @LastEditTime: 2019-05-29 16:22:02
 * @LastEditors: 刘庆华
 */
$(function () {
    $('#fullpage').fullpage({
        // 配置选项：sectionsColor 设置每个section的背景色，是一个数组
        sectionsColor: ["#fadd67", "#84a2d4", "#ef674d", "#ffeedd", "#d04759", "#84d9ed", "#8ac060"],
        // verticalCentered默认为true，在段落内部垂直居中显示
        verticalCentered: false,
        // navigation默认值为false，是否显示导航
        navigation: true,
        // 滚动速度，单位为毫秒默认值为700
        scrollingSpeed:1000,
        // navigationPosition 默认值为left，控制导航在左右那边显示
        navigationPosition: 'right',
        // 滚动到某一屏后的回调函数，接收 anchorLink 和 index 两个参数，anchorLink 是锚链接的名称，index 是序号，从1开始计算
        afterLoad: function (link, index) {
            $('.section').eq(index - 1).addClass('now');
        },
         // 点击更多，跳转下一页，该功能最好在页面渲染完毕之后再进行
        afterRender: function () {
            $('.more').on('click', function () {
                    // $.fn.fullage 是调用插件方法的入口
                    // jquery封装插件的方法就是 $.fn.方法名=function(){}
                    $.fn.fullpage.moveSectionDown()
                }),
                $('.screen08 .again').on('click', function () {
                    console.log('1')
                }),
                $('.screen08').on('mousemove', function (e) {
                    $(this).find('.hand8').css({
                        left: e.clientX - 330,
                        top: e.clientY - 10
                    })
                }).find('.again').on('click', function () {
                    $('.now,.leave').removeClass('now').removeClass('leave')
                    $('.content [style]').removeAttr('style');
                    $.fn.fullpage.moveTo(1)
                })
        } ,

        onLeave: function (index, lastindex, direction) {
            // console.log(index + '---' + lastindex + '----' + direction)
            if (index == 2 && lastindex == 3) {
                $('.section').eq(index-1).addClass('leave')
            }
            else if (index == 3 && lastindex == 4) {
                $('.section').eq(index - 1).addClass('leave')
            }
            else if (index == 5 && lastindex == 6) {
                $('.section').eq(index - 1).addClass('leave')
            }
            else if (index == 6 && lastindex == 7) {
                 $('.section').eq(index).addClass('leave')
                $('#show>img').delay(1000).each(function (i, item) {
                    $(this).delay(i * 0.5 * 1000).fadeIn()
               })
            }
        }
    })
   
})